<template>
  <div class="about">
   <el-container>
        <el-aside style="height: 100vh;
		width: 200px;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 1001;
		overflow: hidden;
		background-color: #545c64;">
			<left-nav />
		</el-aside>
       <el-container style="margin-left: 200px;">
			<el-header>
				<div class="fix-header">
					1111111111
				</div>
			</el-header>
			<el-main style="padding: 0px 10px;">
				<router-view></router-view>
			</el-main>
		</el-container>
    </el-container>
  </div>
</template>

<script>
	import leftNav from '../components/leftNav.vue'
	export default {
		name: 'about',
		components: {
			leftNav
		}
	}
</script>
<style>
	.fix-header{
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9;
	}
	.about{
		width: 100%;
		height: 100vh;	
	}
	li{
		width: 200px;
	}

</style>
